<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 当前页面 -->
		<link rel="stylesheet" href="../css/customer.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb b-box abs">
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="flex-c-c fc-black">
				<li>
					<a href="index.html" class="fc-white as">首页</a>
				</li>
				<li>
					<a href="API-index.html" class="fc-white as">API</a>
				</li>
				<li>
					<a href="#" class="fc-white as">云服务</a>
				</li>
				<li class="active">
					<a href="customer.html" class="fc-white as">案例</a>
				</li>
				<li>
					<a href="#" class="fc-white as">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div class="fc-white">
				<span>
					<a href="login.html" target="_blank" class="fc-white as">登录</a>
				</span>
				<span>
					<a href="./register.html" class="fc-white as">注册有礼</a>
				</span>
			</div>
		</header>
		<!-- 主体 -->
		<main>
			<!-- banner图 -->
			<section id="banner">
				<!-- 粒子背景 -->
				<div id="bannerBg">
					<div class="bannertext container">
						<h1>助力行业巨头、独角兽企业</h1>
						<p>已服务10万+企业客户</p>
						<p class="mt-10">-精选案例-</p>
					</div>
				</div>
			</section>
			<!-- 下面图文 -->
			<section class="container mt-20 flex-sb rel">
				<!-- 左边 -->
				<div class="mainleft" id="contLt">
					<!-- 金融案例 -->
					<div class="mt-20"></div>
					<!-- 企业案例 -->
					<div class="mt-20"></div>
					<!-- 政务案例 -->
					<div class="mt-20"></div>
					<!-- 更多伙伴 -->
					<div class="mt-20">
						<div>
							<strong class="Financial">更多伙伴</strong>
							<span class="fc-gap fz-14">/Financial Case</span>
						</div>
						<!-- 图文内容 -->
						<section class="mt-20 frind">
							<div class="frindimg flex-c-c">
								<img src="../imgs/more-partners-item01.svg" alt="" />
							</div>
							<div class="frindimg flex-c-c">
								<img src="../imgs/more-partners-item01.svg" alt="" />
							</div>
							<div class="frindimg flex-c-c">
								<img src="../imgs/more-partners-item01.svg" alt="" />
							</div>
							<div class="frindimg flex-c-c">
								<img src="../imgs/more-partners-item01.svg" alt="" />
							</div>
							<div class="frindimg flex-c-c">
								<img src="../imgs/more-partners-item01.svg" alt="" />
							</div>
						</section>
					</div>
				</div>

				<!-- 右边 -->
				<div class="mainrt" id="contRt">
					<ul>
						<li><a href="#" class="fc-gap as">金融案例</a></li>
						<li><a href="#" class="fc-gap as">企业案例</a></li>
						<li><a href="#" class="fc-gap as">政务案例</a></li>
						<li><a href="#" class="fc-gap as">更多伙伴</a></li>
					</ul>
				</div>
			</section>
		</main>
		<!-- 回到首页 -->
		<div id="back"></div>
		<!-- 尾部 -->
		<footer>
			<div class="container footer">
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<dl>
					<dt>联系与支持</dt>
					<dd>400-882-7715</dd>
					<dd>售前咨询</dd>
					<dd>客服&售后</dd>
					<dd>常见问题</dd>
					<dd>极速工单</dd>
					<dd>投诉与建议</dd>
				</dl>
				<div class="footerrt">
					<h5>微信公众号</h5>
					<p>源码时代</p>
					<img src="../imgs/wechat-white.png" alt="" />
				</div>
				<div class="container footerbt flex-c-sb">
					<div class="flex-c-c">
						<img src="../imgs/bei1.png" alt="" class="mr-10" />
						<img src="../imgs/bei2.png" alt="" class="mr-10" />
						<p>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</p>
					</div>

					<p>源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
		</footer>
		<section id="header"></section>
		<script src="../lib/canvas-particle.js"></script>
		<script src="../js/util.js"></script>
		<script src="../js/customer.js"></script>
	</body>
</html>
